18 Super Slick JavaScript Thumbnail Slideshow Plugins

1. jQuery 3D Grid Card Plugin

featured image

Auto delay slideshow, hove to pause. Optional thumbnail columns. Un-minified javascript, FAQ are include in the source package.

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Evo Slider Pro - jQuery Slider Plugin

featured image

Evo Slider Pro – jQuery Slideshow & Content Slider Plugin

without coding any JavaScript code at all. Thumbnail now loads from each video provider (YouTube, Vimeo and

More Details

4. Rama - The jQuery Slider Plugin

featured image

You just need to know little HTML and Javascript. Auto Thumbnail creation.

More Details

5. Responsive Gridfolio

featured image

When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable, also the thumbnails border color can be tweened from a normal color to a selected color. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a CSS background slideshow under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS background color and opacity also can be modified (optional). Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

6. iLightBox · Revolutionary Lightbox Plugin

featured image

iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Option to preview thumbnail over navigation.Advanced JavaScript API considered.Developed with pure object oriented JavaScript

“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio

More Details

7. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy JavaScript slideshow slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Option to set shuffle mode for slideshow

Option to preview thumbnail over navigation

Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow

More Details

8. VION - jQuery Image Gallery Plugin

featured image

jQuery JavaScript Framework – http://www.

More Details

9. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery with vertical thumbnail scroller jQuery Navigator

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Touch drag navigation for thumbnail navigator is allowed

Use any html/css code to customize thumbnail to anyformat

image slideshow code deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

10. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

Javascript blur effect

A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes.An extensive list of flexibility and customization tools including thumbnail positioning and many other settings give you exactly the look you want. Thumbnail navigation

Autoplay slideshow option

More Details

11. Advanced Slider - jQuery XML slider

featured image

Also, the simple JavaScript auto slideshow will stop or pause when a video starts playing. The thumbnails can be displayed as tooltips or in a thumbnail scroller. Also, the JavaScript thumbnail slideshow supports touch-swipe gestures.Show/Hide – You have the option to hide and show on hover the arrow buttons, the slideshow button, the timer animation, the captions and whole thumbnail scroller, or only some elements of the scroller, like the thumbnail scroller wordpress download buttons, arrows or scrollbar.Per slide settings – You can define a different transition effect for each slide, using either the plugin’s JavaScript API or XML attributes.Auto slideshow – You can set the slider to auto slideshow mode and you also have the option to pause the slideshow mode on mouse hover

added touch swipe support for the thumbnail scroller

the slideshow will pause when the lightbox is opened

added thumbnail scroller

added pause slideshow on hover option

More Details

12. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Image Gallery with vertical thumbnail scroller JavaScript Navigator

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Touch drag navigation for thumbnail navigator is allowed

Use any html/css code to customize thumbnail to anyformat

JavaScript image slider deep compression by smart compression engine

Auto slideshow with optional pause on hover

More Details

13. DimViewer (images/PDFs tool)

featured image

You can choose a Slideshow or a picture slider plugin for wordpress tool.DimViewer use Google Arts/Google Maps technology; process your images and create a small JavaScript.It use pure JavaScript without any plugins; Which means it’s cross browser.Again it use cross-browser pure JavaScript.DimViewer will generate a group of tile images and a JavaScript (dimviewer1.Copy outcome tile images and Javascript (dimviewer1.Following example code that use outcome tile image and Javascript (dimviewer1.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">

for example:enable thumbnail, enable full screen, set back ground color and so on.

More Details

14. Megafolio Gallery jQuery Plugin

featured image

<script type="text/javascript">

This gallery gives you the possibility to build a nice grid with your items, your captions in 4 different thumbnail sizes. Thumbnail types

You just need to know little HTML and Javascript.

More Details

15. Before-After Slider&Banner jQuery Plugin

featured image

You just need to know little HTML and Javascript. Auto Thumbnail creation.

More Details

16. Ultimate Grid Responsive Gallery

featured image

The filter navigation bar is generated automatically from the categories you specify to each thumbnail

Lightbox with slideshow (play, pause, auto-play)

Deactivate and Activate Features through Javascript Options

You can link to another page when you click in a thumbnail

More Details

17. li JQuery Slider/Image Rotator

featured image

li JQuery JavaScript image slider / banner rotator with many cool features.Tooltip – when you hover the small slide buttons, a thumbnail will popup. If you use image the thumbnail will be automatically generated so you do not need to create the thumbnails. This means that if you need to change the slider you do not need to tweak the JavaScript code. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders.

More Details

18. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS background slideshow and opacity also can be modified (optional). Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.2013 – We have added a new feature to this grid, the option to add media icons over the thumbnails when they are selected, now you can chose between thumbnails description, media icons or “none” when a thumbnail is selected.

More Details

19. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine. The lightbox can be used when a thumbnail is clicked to display media content.

More Details